import { createApp } from 'vue'
import { createPinia } from 'pinia'
import App from './App.vue'
import router from './router'
import 'vant/lib/index.css';
import './assets/css/reset.css'
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
import { Tabbar, TabbarItem, Icon,Swipe, SwipeItem, 
  Grid, GridItem,List, PullRefresh, NavBar,ActionBar, ActionBarIcon, ActionBarButton,
  Popup, Card,Stepper, Button, Form, Field, CellGroup,SubmitBar,Checkbox   
} from 'vant'
import '@u/setRem'
import './assets/fonts/iconfont.css'
// import 'lib-flexible'
const app = createApp(App)

app.use(Tabbar)
.use(TabbarItem)
.use(Icon)
.use(Swipe)
.use(SwipeItem)
.use(Grid)
.use(GridItem)
.use(List)
.use(PullRefresh)
.use(NavBar)
.use(ActionBar)
.use(ActionBarIcon)
.use(ActionBarButton)
.use(Popup)
.use(Card)
.use(Stepper)
.use(Button)
.use(Form)
.use(Field)
.use(CellGroup)
.use(SubmitBar)
.use(Checkbox)

const pinia = createPinia();
pinia.use(piniaPluginPersistedstate)
app.use(pinia)
app.use(router)

app.mount('#app')
